/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
global{	
	fontSize: 12;
	themeColor: #d62e3a;
}

s|Application {
	backgroundColor: #838383;
	backgroundGradientColors: #ffffff, #838383;
	backgroundGradientAlphas: 0, 1;
}

mx|Accordion {
	backgroundAlpha: 0.6;
	headerHeight: 32;
	highlightAlphas: 1, 1;
	fillColors: #ffffff, #cccccc;
	fillAlphas: 1.0, 1.0;
	textRollOverColor: #838383;
	textSelectedColor: #ffffff;
	headerStyleName: "myaccordionHeader";
}

.myaccordionHeader {
	fillAlphas: 1.0, 1.0;
	selectedFillColors: #d62e3a, #d62e3a;
	fontSize: 12;
}


mx|AdvancedDataGrid {
	backgroundAlpha: 0.7;
	horizontalGridLines: false;
	headerColors: #838383, #838383;
	verticalGridLines: true;
	rollOverColor: #ec9288;
	borderThickness: 1;
	selectionColor: #de7162;
	fontSize: 12;
	headerStyleName: "mydataGridHeaderStyle";
}

mx|Button {
	cornerRadius: 0;
	highlightAlphas: 0, 0;
	fillAlphas: 1, 1, 1, 1;
	fillColors: #838383, #838383, #d62e3a, #d62e3a;
	color: #ffffff;
	textRollOverColor: #ffffff;
	textSelectedColor: #d62e3a;
	borderColor: #838383;
	themeColor: #d62e3a;
	fontWeight: bold;
	fontSize: 12;
}

.menu {
	cornerRadius: 0;
	highlightAlphas: 0, 0;
	fillAlphas: 1, 1, 1, 1;
	fillColors: #cccccc, #cccccc, #ec9288, #ec9288;
	color: #D62E3A;
	textRollOverColor: #ffffff;
	textSelectedColor: #d62e3a;
	borderColor: #cccccc;
	themeColor: #d62e3a;
	fontWeight: bold;
	fontSize: 12;	
}

mx|ComboBox {
	cornerRadius: 0;
	backgroundAlpha: 0.6;
	selectionColor: #de7162;
	rollOverColor: #ec9288;
	fontSize: 12;
	dropdownStyleName: "myComboBoxDropDowns";
}

s|ComboBox {
	cornerRadius: 0;
	backgroundAlpha: 0.6;
	selectionColor: #de7162;
	rollOverColor: #ec9288;
	fontSize: 12;
	dropdownStyleName: "myComboBoxDropDowns";
}

.myComboBoxDropDowns {
	cornerRadius: 0;
	borderThickness: 1;
	fontSize: 12;
}

mx|DataGrid {
	backgroundAlpha: 0.7;
	headerColors: #838383, #838383;
	verticalGridLines: true;
	rollOverColor: #ec9288;
	borderThickness: 1;
	selectionColor: #de7162;
	fontSize: 12;
	headerStyleName: "mydataGridHeaderStyle";
}

.mydataGridHeaderStyle {
	fontSize: 12;
	headerColors: #838383, #838383;
}

mx|DateChooser {
	skin:ClassReference(null);
	rollOverColor: #ec9288;
	selectionColor: #de7162;
	backgroundColor: #cccccc;
}

mx|Label
{
	fontSize: 12;
}

mx|List {
	backgroundColor: #838383;
	rollOverColor: #ec9288;
	selectionColor: #de7162;
}

mx|Panel {
	borderStyle: solid;
	borderColor: #838383;
	borderAlpha: 1;
	backgroundAlpha: 0.8;
	headerColors: #838383, #838383;
	footerColors: #e7e7e7, #838383;
	backgroundColor: #e7e7e7;
	titleStyleName: "mypanelTitle";
}

.mypanelTitle {
	fontSize: 12;
}

mx|TabNavigator {
	backgroundAlpha: 0.6;
	cornerRadius: 0;
	borderThickness: 1;
	tabStyleName: "myTabs";
	firstTabStyleName: "myTabs";
	lastTabStyleName: "myTabs";
	selectedTabTextStyleName: "mySelectedTabs";
}

.myTabs {
	cornerRadius: 0;
	highlightAlphas: 0.5, 0;
	fillAlphas: 1, 1;
	borderColor: #b9bcbe;
	color: #FFFFFF;
	textRollOverColor: #d62e3a;
	themeColor: #d62e3a;
	
}

.mySelectedTabs {
	backgroundAlpha: 0.6;
	color: #d62e3a;
	textRollOverColor: #d62e3a;
}

mx|TextInput {
	backgroundAlpha: 0.6;
	themeColor: #d62e3a;
}

mx|Tree {
	backgroundAlpha: 0.61;
	rollOverColor: #ec9288;
	selectionColor: #de7162;
	fontSize: 12;
}
